<%--
  User: Shengzhao Li
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head><title>账务统计</title></head>
<body>
<%--account type overview page--%>
<div id="account_type_overview_page" data-role="page" class="page">
    <div data-role="header" data-theme="f">
        <a href="${contextPath}/m/dashboard" data-icon="home" data-direction="reverse" data-transition="slide">主页</a>

        <h1>账务统计</h1>
        <a href="chart/percent?total=${statisticsDTO.allTotalAmount}&self=${statisticsDTO.myTotalAmount}"
           data-icon="grid" data-transition="slide">图表</a>
    </div>
    <div data-role="content">
        <div class="center font-16">
            已经记录的账务金额为:&nbsp;<strong class="color-s">&yen;${statisticsDTO.allTotalAmount}</strong>
            <c:if test="${statisticsDTO.logged}">
                <p>
                    我已记录的账务金额为:&nbsp;<strong class="red">&yen;${statisticsDTO.myTotalAmount}</strong>
                </p>
                <ul data-role="listview" data-inset="true">
                    <li>
                        <a href="type" data-transition="slide">按类型统计</a>
                    </li>
                    <li>
                        <a href="daily" data-transition="slide">按天统计</a>
                    </li>
                        <%--<li>--%>
                        <%--<a href="#" data-transition="slide">按周统计</a>--%>
                        <%--</li>--%>
                    <li>
                        <a href="month" data-transition="slide">按月统计</a>
                    </li>
                    <li>
                        <a href="payments" data-transition="slide">按收支统计</a>
                    </li>
                </ul>
            </c:if>
            <p class="gray">
                更多统计信息, 尽请期待.
            </p>
        </div>

    </div>
    <div data-role="footer" data-position="fixed" data-theme="c">
        <div data-role="navbar">
            <ul>
                <li>
                    <a href="javascript:void(0);" data-icon="arrow-l" data-rel="back">返回</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>